<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>排行榜</title>
<%@ include file="../common/common.jsp"%>
<link rel="stylesheet" type="text/css"
	href="${ctx}/page/lib/other/css/main.css" />
</head>
<body>
	<div class="text-center bg-main padding-big">
		<img src="${ctx}/page/member/img/rank.png" width="80"
			class="radius-circle">
		<div class="padding-top text-big text-white">
			<b>排行榜</b>
		</div>
	</div>

	<div class="border border-big bg-silver"></div>
	<div class="margin">
		<div class="border-left-big border-sub padding-small bg-silver">我的排名</div>
		<div class="padding border-top">
			<div class="line text-big">
				<c:if test="${isInJinBi eq true }">
					<div class="xs2 text-center padding-small-top text-big">${myJinBiRank}</div>
				</c:if>
				<c:if test="${isInJinBi eq false }">
					<div class="xs2 text-center padding-small-top text-big">未排名</div>
				</c:if>
				
				<div class="xs2 padding-left text-center">
					
				</div>
				<div class="xs3 padding-small-top">贝币</div>
				<div class="xs3 text-yellow padding-small-top"><fmt:formatNumber type="number" value="${myJinBiBalance}" pattern="0.0000" maxFractionDigits="4"/></div>
			</div>
		</div>
		<div class="padding border-dashed border-top border-bottom">
			<div class="line text-big">
				<c:if test="${isInMember eq true }">
					<div class="xs2 text-center padding-small-top text-big">${myFansRank}</div>
				</c:if>
				<c:if test="${isInMember eq false }">
					<div class="xs2 text-center padding-small-top text-big">未排名</div>
				</c:if>
				<div class="xs2 padding-left text-center">
					
				</div>
				<div class="xs3 padding-small-top">用户数</div>
				<div class="xs3 text-yellow padding-small-top">${myFansCounts}</div>
			</div>
		</div>
	</div>

	<div class="border border-big bg-silver"></div>
	<div class="margin">
		<div class="border-left-big border-yellow padding-small bg-silver">贝币排名</div>
		<div class="padding border-top">
			<div class="line text-big">
				<div class="xs2 text-center">
					<img src="${ctx}/page/member/img/1st.png" height="30">
				</div>
				<div class="xs2 padding-left text-center">
					<img src="${rankJinBiAccount0.avatar}" width="30"
						class="radius-circle">
				</div>
				<div class="xs3 padding-small-top">${rankJinBiAccount0.name}</div>
				<div class="xs3 text-yellow padding-small-top"><fmt:formatNumber type="number" value="${rankJinBiAccount0.balance}" pattern="0.0000" maxFractionDigits="4"/></div>
			</div>
		</div>


		<div class="padding border-dashed border-top">
			<div class="line text-big">
				<div class="xs2 text-center">
					<img src="${ctx}/page/member/img/2nd.png" height="30">
				</div>
				<div class="xs2 padding-left text-center">
					<img src="${rankJinBiAccount1.avatar}" width="30"
						class="radius-circle">
				</div>
				<div class="xs3 padding-small-top">${rankJinBiAccount1.name}</div>
				<div class="xs3 text-yellow padding-small-top"><fmt:formatNumber type="number" value="${rankJinBiAccount1.balance}" pattern="0.0000" maxFractionDigits="4"/></div>
			</div>
		</div>

		<div class="padding border-dashed border-top">
			<div class="line text-big">
				<div class="xs2 text-center">
					<img src="${ctx}/page/member/img/3rd.png" height="30">
				</div>
				<div class="xs2 padding-left text-center">
					<img src="${rankJinBiAccount2.avatar}" width="30"
						class="radius-circle">
				</div>
				<div class="xs3 padding-small-top">${rankJinBiAccount2.name}</div>
				<div class="xs3 text-yellow padding-small-top"><fmt:formatNumber type="number" value="${rankJinBiAccount2.balance}" pattern="0.0000" maxFractionDigits="4"/></div>
			</div>
		</div>

		<div class="padding border-dashed border-top">
			<div class="line text-big">
				<div class="xs2 text-center padding-small-top text-big">4</div>
				<div class="xs2 padding-left text-center">
					<img src="${rankJinBiAccount3.avatar}" width="30" class="radius-circle">
				</div>
				<div class="xs3 padding-small-top">${rankJinBiAccount3.name}</div>
				<div class="xs3 text-yellow padding-small-top"><fmt:formatNumber type="number" value="${rankJinBiAccount3.balance}" pattern="0.0000" maxFractionDigits="4"/></div>
			</div>
		</div>

		<div class="padding border-dashed border-top border-bottom">
			<div class="line text-big">
				<div class="xs2 text-center padding-small-top text-big">5</div>
				<div class="xs2 padding-left text-center">
					<img src="${rankJinBiAccount4.avatar}" width="30" class="radius-circle">
				</div>
				<div class="xs3 padding-small-top">${rankJinBiAccount4.name}</div>
				<div class="xs3 text-yellow padding-small-top"><fmt:formatNumber type="number" value="${rankJinBiAccount4.balance}" pattern="0.0000" maxFractionDigits="4"/></div>
			</div>
		</div>
	</div>

	<div class="border border-big bg-silver"></div>
	<div class="margin">
		<div class="border-left-big border-yellow padding-small bg-silver">用户数排名</div>
		<div class="padding border-top">
			<div class="line text-big">
				<div class="xs2 text-center">
					<img src="${ctx}/page/member/img/1st.png" height="30">
				</div>
				<div class="xs2 padding-left text-center">
					<img src="${rankMember0.avatar}" width="30"
						class="radius-circle">
				</div>
				<div class="xs3 padding-small-top">${rankMember0.name}</div>
				<div class="xs3 text-yellow padding-small-top">${rankMember0.fansCounts}</div>
			</div>
		</div>


		<div class="padding border-dashed border-top">
			<div class="line text-big">
				<div class="xs2 text-center">
					<img src="${ctx}/page/member/img/2nd.png" height="30">
				</div>
				<div class="xs2 padding-left text-center">
					<img src="${rankMember1.avatar}" width="30"
						class="radius-circle">
				</div>
				<div class="xs3 padding-small-top">${rankMember1.name}</div>
				<div class="xs3 text-yellow padding-small-top">${rankMember1.fansCounts}</div>
			</div>
		</div>

		<div class="padding border-dashed border-top">
			<div class="line text-big">
				<div class="xs2 text-center">
					<img src="${ctx}/page/member/img/3rd.png" height="30">
				</div>
				<div class="xs2 padding-left text-center">
					<img src="${rankMember2.avatar}" width="30"
						class="radius-circle">
				</div>
				<div class="xs3 padding-small-top">${rankMember2.name}</div>
				<div class="xs3 text-yellow padding-small-top">${rankMember2.fansCounts}</div>
			</div>
		</div>

		<div class="padding border-dashed border-top">
			<div class="line text-big">
				<div class="xs2 text-center padding-small-top text-big">4</div>
				<div class="xs2 padding-left text-center">
					<img src="${rankMember3.avatar}" width="30" class="radius-circle">
				</div>
				<div class="xs3 padding-small-top">${rankMember3.name}</div>
				<div class="xs3 text-yellow padding-small-top">${rankMember3.fansCounts}</div>
			</div>
		</div>

		<div class="padding border-dashed border-top border-bottom">
			<div class="line text-big">
				<div class="xs2 text-center padding-small-top text-big">5</div>
				<div class="xs2 padding-left text-center">
					<img src="${rankMember4.avatar}" width="30" class="radius-circle">
				</div>
				<div class="xs3 padding-small-top">${rankMember4.name}</div>
				<div class="xs3 text-yellow padding-small-top">${rankMember4.fansCounts}</div>
			</div>
		</div>

	</div>
	<div class="border border-big bg-silver"></div>
	<div class="padding-big"></div>
</body>
</html>